<script setup lang="ts">
    import myheader from '../myheader/myheader.vue'
    </script>
    
    <template>
        <div class="common-layout">
            <el-container>
                <el-header style="height:auto">
                    <myheader />
                </el-header>
                <el-container>
                    <el-main>
                        <!-- <mymain /> -->
                        <router-view>
                        </router-view>
                    </el-main>
                </el-container>
            </el-container>
        </div>
    </template>
    <style scoped lang="scss">
    .el-row {
        margin-bottom: 20px;
    
        &:last-child {
            margin-bottom: 0;
        }
    }
    
    .el-col {
        border-radius: 4px;
    }
    
    .bg-purple-dark {
        background: #99a9bf;
    }
    
    .bg-purple {
        background: #d3dce6;
    }
    
    .bg-purple-light {
        background: #e5e9f2;
    }
    
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }
    
    .row-bg {
        padding: 10px 0;
        // background-color: #f9fafc;
    }
    </style>
    